<script setup>
import {reactive, ref} from "vue";

let love = ref([])
let user = reactive({username: null, password: null, addr: null})
</script>

<template>
  账号：<input type="text" placeholder="请输入账号" v-model="user.username">
  <br>
  密码：<input type="password" placeholder="请输入密码" v-model="user.password">
  <br>
  地址：
  <select v-model="user.addr">
    <option value="陕西" >陕西</option>
    <option value="山西">山西</option>
    <option value="宁夏">宁夏</option>
  </select>
  <br>
  爱好：
  打篮球：<input type="checkbox" value="打篮球" v-model="love">
  打羽毛球：<input type="checkbox" value="打羽毛球" v-model="love">
  打棒球：<input type="checkbox" value="打棒球" v-model="love">
  打乒乓：<input type="checkbox" value="打乒乓" v-model="love">
  <br>
  {{user}}
  <br>
  {{love}}
</template>

<style scoped>

</style>